<?php $this->load->view('_inc/header_popup')?>

<?php echo form_open('nucleo/cadastrandoNucleo');?>
<script>
    $(document).ready(function(){    
       $("#addMembro").click(function(){
           var input = $("#inputMembro");
           var nome = input.val();
           var lista = $("#listaMembros");
           input.val('');
           if(nome != ''){
                lista.append("<li><input type='hidden' name='membros[]' value='"+nome+"'></input>"+nome+"<a class='retira' onClick='$(this).parent().remove();'>X</a>");
           }
       });
    });
</script>

<h1>Novo Núcleo</h1>
<table>
    <tr>
        <td><h2>Dados Gerais</h2></td>
        <td><h2>Membros no Núcleo</h2></td>
    </tr>
    <tr>
        <td>
            <table>
                <tr>
                    <td>
                        <?php echo form_label('Nucleo','inome');?>
                        <?php echo form_input('nome','','id="inome" class=required');?>
                    </td>
                </tr>
                <tr>
                    <td>
                        <?php echo form_label('Diretor','igerente');?>
                        <?php echo form_dropdown('gerente',$dropMembros,'id="igerente" class="required"');?>
                    </td>
                </tr>
            </table>
        </td>
        
        <td>
            <?php echo form_input('membros','','list=membros id=inputMembro')?>
            <datalist id="membros">
                <?php foreach($dropMembros as $membro){ ?>
                    <option value="<?php echo $membro?>">
                <?php } ?>
            </datalist>
            <button type="button" id="addMembro">Adicionar</button><br>
            <ul class="listaAdd" id="listaMembros"></ul>
        </td>
    </tr>
</table>
<?php echo form_submit('','Cadastrar');?>
<?php echo form_button('','Cancelar','class=cancela');?>
<?php echo form_close();?>
